<template>
	<view>
		<view class="logo">
			<image src="http://somnium.love/logo_icon.png"></image>
		</view>
		<view class="about_content">
			<view class="about_title">
				{{AboutMessage.title}}
			</view>
			<view class="content">
				<text class="wrapping-text">{{AboutMessage.content}}</text>

			</view>
		</view>
		<view class="service_phone">
			<span>客服电话：</span>
			<span style="color: red;">{{AboutMessage.phone}}</span>
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';
	import {
		onLoad
	} from '@dcloudio/uni-app'
	const AboutMessage = ref({})
	const getAboutMessage = async () => {
		AboutMessage.value = {
			title: "介绍",
			content: "箭河社区是重庆市巴南区鱼洞街道下辖的社区，" +
				"城乡分类代码为111，为主城区。区划代码为500113004017，居民身份证号码前6位为500113。邮政编码为401320，长途电话区号为023 ，车牌号码为渝。箭河社区与鱼轻路社区、百胜村、仙池村、金竹村、干湾村、农胜村、江洲路社区、化龙桥社区、鱼新街社区、新民街社区、下新新社区、化龙路社区相邻。周边相关：箭河社区附近有丰盛古镇、中泰天心佛文化旅游区、重庆汉海海洋公园、天坪山云林天乡景区、圣灯山、云篆山等旅游景点，有二圣梨、鱼洞乌皮樱桃、五布柚、木洞山歌、巴南接龙蜜柚、巴南银针等特产，有吹打·接龙吹打、梁平木版年画、梁平癞子锣鼓、龙骨坡抬工号子、梁平抬儿调等民俗文化。",
			phone: "023-66215920"
		}
	}
	onLoad(() => {
		getAboutMessage()
	})
</script>

<style lang="scss" scoped>
	.logo {
		text-align: center;

		image {
			width: 270rpx;
			height: 270rpx;
			margin-top: 4vh;
		}
	}

	.content {
		margin-left: 50rpx;
		margin-right: 50rpx;
		width: 650rpx;
		letter-spacing: 2rpx;
		text-indent: 2em;
	}

	.wrapping-text {
		line-height: 1.6;
		font-size: 26rpx;
		color: #333;


	}

	.about_content>.about_title {
		font-size: 36rpx;
		margin-left: 40rpx;
		text-align: left;
	}

	.service_phone {
		margin-top: 20rpx;
		text-align: center;
	}
</style>